<template>
  <IFexHeaderMain>
    <template #header>
      <image :src="'/static/img/fc/sfrzlx_title.png'" mode="aspectFit" style="width: 100vw; max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast" />
    </template>
    <view class="home_main whov">
      <view class="text">{{ text }}</view>
      <image :src="'/static/img/fc/sfrzlx_bottom.png'" mode="aspectFit" style="width: 100vw; max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast" />
    </view>
    <uni-popup ref="alertDialog" type="dialog">
      <sfrzrenlian @successFun="onClick"></sfrzrenlian>
    </uni-popup>
    <!-- renlian -->
  </IFexHeaderMain>
</template>

<script setup lang="ts" name="index">
  import { computed, onMounted, ref } from 'vue'
  import IFexHeaderMain from '@/components/container/IFexHeaderMain.vue'
  import sfrzrenlian from './sfrzrenlian.vue'
  import useUserInfoStore from '@/store/userInfo'
  const text = computed(() => {
    const userInfoStore = useUserInfoStore()
    return userInfoStore.getDetailData.psxdtext
  })
  const alertDialog = ref()
  const onClick = () => {
    uni.navigateTo({ url: '/pages/fc/rlsuccess' })
  }
  onMounted(() => alertDialog.value.open('center'))
</script>

<style scoped lang="scss">
  .home_main {
    background: #ffffff;
    position: relative;
    .text {
      color: #858585;
      text-align: center;
      position: absolute;
      z-index: 9;
      left: 0;
      right: 0;
      top: 120rpx;
    }
  }
  uni-image {
    height: auto;
  }
  :deep(.uni-popup__wrapper) {
    width: 100%;
    height: 100%;
  }
</style>
 